
<html>
	<head>
		<title>菜单模式</title>
		<meta http-equiv="content-type" content="text/html;charset=utf-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta id="vieport" name="viewport" content="width=640, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5">
		<script type="text/javascript" src="http://192.168.6.52:8083/js/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="http://192.168.6.52:8083/js/nicescroll/jquery.nicescroll.js"></script>
		<script type="text/javascript" src="./js/home.js"></script>
		<link rel="stylesheet" type="text/css" href="./css/home.css" />
		<link rel="stylesheet" type="text/css" href="/css/common.css?version=0310" />
		<script language="javascript">
			function showWidth(){
				alert($("#menu").css("width")+$("#message").css("width"));
			}
		</script>
		<style>
		</style>
	</head>
<body onResize="resize()">
	<div id="menu" style="display:none;position:absolute;top:0px;left:0px;;background-color:blue;width:680px;">
		<!--菜单开始  使用异步加载的方式从公有页面加载菜单内容-->
		<div align="center">菜单</div>
		<span onClick="returnHome()">首页</span>
		<!--菜单结束-->
	</div>
	<div id="message" style="display:none;position:absolute;background-color:yellow;width:680px;margin-left:10%;">
		<!--消息开始  使用异步加载的方式从公有页面加载消息内容-->
		消息<br>
		<span onClick="returnHome()">首页</span>
		
		<!--消息结束-->
	</div>
	<div id="bodyobj" class="bigimg" style="overflow: hidden;">
		<div id="header" style="width:100%">
		<div id="_title" class="title">
			<!--页面头部开始-->
			<table width="100%" border="0px" cellpadding="0" cellspacing="0" height="70px">
				<tr>
					<td width="12%"><span class="titleMenu" onClick="showMenu()">菜单</span></td>
					<td class="titleName" >我是首页</td>
					<td width="12%" align="right"><span class="titleMessage" onClick="showMsg()">消息</span></td>
				</tr>
			</table>
			<!--页面头部结束-->
		</div>
			<div id="home1" style="background-color:green;width:100%;height:300px;">
				<!--页面主体开始-->
				<div>
					<table border="0px" cellpadding="0" cellspacing="0" width="100%">
						<tr>
							<td onClick="showWidth()">行2内容1</td>
						</tr>
						<tr>
							<td>行2内容2</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一</td>
						</tr>
						<tr>
							<td>行一内容一dddd</td>
						</tr>
						<tr>
							<td>行一内容一xxxxxx</td>
						</tr>
					</table>
				</div>
				<!--页面主体结束-->
			</div>
		</div>
	</div>
</body>
</html>